<!DOCTYPE html>
<!-- This site was created in Webflow. https://www.webflow.com --><!-- Last Published: Mon Feb 20 2023 07:09:58 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="www.torebentsen.com" data-wf-page="63e507e06c0f0fe15b771255"
  data-wf-site="63e507e06c0f0f521077125c" data-wf-status="1">

<head>
  <meta charset="utf-8" />
  <title>Tore S. Bentsen — Portfolio</title>
  <meta
    content="Portfolio of Interactive Designer &amp; Co-Founder at Baseborn, Tore S. Bentsen. Specializing in combining Webflow &amp; branding to create award-winning websites. Based in Copenhagen, Denmark."
    name="description" />
  <meta content="Tore S. Bentsen — Portfolio" property="og:title" />
  <meta
    content="Portfolio of Interactive Designer &amp; Co-Founder at Baseborn, Tore S. Bentsen. Specializing in combining Webflow &amp; branding to create award-winning websites. Based in Copenhagen, Denmark."
    property="og:description" />
  <meta content="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63ec9d5850c669f822fe1b54_tb-open-graph.jpg"
    property="og:image" />
  <meta content="Tore S. Bentsen — Portfolio" property="twitter:title" />
  <meta
    content="Portfolio of Interactive Designer &amp; Co-Founder at Baseborn, Tore S. Bentsen. Specializing in combining Webflow &amp; branding to create award-winning websites. Based in Copenhagen, Denmark."
    property="twitter:description" />
  <meta content="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63ec9d5850c669f822fe1b54_tb-open-graph.jpg"
    property="twitter:image" />
  <meta property="og:type" content="website" />
  <meta content="summary_large_image" name="twitter:card" />
  <meta content="width=device-width, initial-scale=1" name="viewport" />
  <meta content="Webflow" name="generator" />
  <link href="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/css/tbportv2.webflow.0ce3d4c0a.css"
    rel="stylesheet" type="text/css" />
  <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]-->
  <script
    type="text/javascript">!function (o, c) { var n = c.documentElement, t = " w-mod-"; n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch") }(window, document);</script>
  <link href="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63eb9f8339a04b0b8dee9cbd_tdb-fav-icon-32.png"
    rel="shortcut icon" type="image/x-icon" />
  <link href="https://uploads-ssl.webflow.com/img/webclip.png" rel="apple-touch-icon" />
  <link rel="stylesheet" href="https://unpkg.com/splitting/dist/splitting.css" />

  <style>
    /*lenis -- IMPORTANT*/
    html {
      scroll-behavior: initial;
    }

    html,
    body {
      width: 100%;
      height: auto !important;
      min-height: 100%;
    }

    /*lenis -- IMPORTANT END*/

    html.w-mod-js.w-mod-ix.noscroll,
    body {
      overflow: hidden !important;
      height: 100% !important;
    }

    html.w-mod-js.w-mod-ix,
    body {
      overflow: auto;
      height: auto;
    }

    body {
      -webkit-font-smoothing: antialiased;
      -o-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
    }

    * {
      text-rendering: optimizeLegibility;
    }

    .con-inner {
      clip-path: polygon(100% 100%, 74% 100%, 0 100%, 0% 97%, 0% 88%, 1% 81%, 0% 77%, 2% 68%, 1% 58%, 1% 51%, 2% 42%, 1% 37%, 1% 30%, 2% 23%, 1% 14%, 0% 7%, 0% 2%, 0% 0%, 100% 0%, 100% 4%, 99% 9%, 98% 17%, 98% 27%, 100% 32%, 99% 40%, 100% 50%, 98% 63%, 99% 72%, 100% 79%, 99% 92%);
    }

    .textcanvas {
      pointer-events: none;
    }

    .menu-holder {
      mix-blend-mode: difference;
    }

    .title-holder {
      mix-blend-mode: difference;
    }

    .logo-holder {
      mix-blend-mode: difference;
    }

    a.w-webflow-badge {
      display: none !important;
    }

    .cursor {
      pointer-events: none;
    }

    .cursor.active .cursor-circle-inner {
      width: 40px;
      height: 40px;
      margin-top: 80px;
      margin-left: 50px;
    }

    .noise {
      top: -10rem;
      left: -10rem;
      width: calc(100% + 20rem);
      height: calc(100% + 20rem);
      z-index: 2000;
      content: "";
      position: absolute;
      pointer-events: none;
      background-position: 20%;
      background-image: url(https://uploads-ssl.webflow.com/5decd3f1cad21747ccd903ca/6214dc25a7395684065077f1_noise-layer.png);
      pointer-events: none;
      animation: noise 2.1s steps(2) infinite;
    }

    .rough-ending {
      clip-path: polygon(0 88%, 0% 0%, 100% 0%, 100% 73%, 93% 80%, 86% 70%, 79% 83%, 68% 80%, 53% 65%, 36% 77%, 21% 68%, 13% 77%, 3% 75%);
      top: -2px;
    }

    @keyframes revealheader {
      0% {
        clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 78% 100%, 63% 100%, 49% 100%, 34% 100%, 19% 100%, 10% 100%, 0 100%);
      }

      40% {
        clip-path: polygon(0% 100%, 100% 100%, 100% 52%, 80% 45%, 62% 47%, 49% 48%, 38% 51%, 24% 54%, 11% 57%, 0 52%);
      }

      100% {
        clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 87% 0%, 69% 1%, 58% 0%, 37% 0%, 23% 1%, 10% 0%, 0% 0%);
      }
    }

    .intro-text-2 {
      opacity: 0;
    }

    .intro-text-2.active {
      opacity: 1;
    }

    .intro-text-2 span.char {
      opacity: 0.5;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, -30%) rotateX(-90deg) scaleY(1);
    }

    .intro-text-2.active span.char {
      animation: revealyear2 0.6s cubic-bezier(.23, 1, .32, 1) forwards;
      animation-delay: calc(15ms * var(--char-index));
    }

    .cursor-award.award {
      pointer-events: none;
    }

    .work-wrap-list-holder .collection-list .collection-item:nth-child(odd) .img-inner-holder {
      clip-path: polygon(0% 98%, 3% 100%, 12% 100%, 16% 99%, 22% 99%, 29% 100%, 37% 98%, 48% 98%, 56% 100%, 69% 98%, 75% 100%, 84% 99%, 92% 99%, 98% 99%, 100% 94%, 100% 88%, 99% 85%, 100% 78%, 99% 73%, 100% 67%, 98% 61%, 99% 54%, 98% 46%, 99% 37%, 97% 29%, 100% 18%, 99% 5%, 95% 0%, 86% 1%, 79% 0%, 68% 0%, 64% 4%, 58% 0%, 51% 1%, 46% 3%, 37% 1%, 29% 0%, 17% 1%, 13% 0%, 6% 0%, 1% 0%, 0% 4%, 0% 13%, 1% 20%, 1% 27%, 0% 33%, 0% 44%, 1% 53%, 0% 63%, 1% 69%, 0% 79%, 2% 83%, 0% 90%);
    }

    .work-wrap-list-holder .collection-list .collection-item:nth-child(even) .img-inner-holder {
      clip-path: polygon(6% 0%, 15% 4%, 23% 1%, 36% 1%, 46% 1%, 58% 0%, 72% 1%, 84% 1%, 92% 0, 99% 1%, 100% 10%, 99% 20%, 99% 32%, 98% 39%, 97% 48%, 99% 60%, 100% 68%, 98% 76%, 100% 83%, 98% 89%, 100% 96%, 96% 100%, 88% 100%, 81% 98%, 72% 99%, 64% 100%, 54% 99%, 46% 98%, 39% 100%, 29% 99%, 17% 99%, 1% 100%, 0 94%, 2% 87%, 0% 77%, 2% 65%, 0% 55%, 3% 39%, 0% 32%, 1% 18%, 0% 7%, 1% 1%);
    }

    @media screen and (max-width: 479px) {

      canvas {
        width: 33.8vh !important;
      }

      .portoflio-overview-title.stroke {
        -moz-text-stroke-width: 0.225vw;
        -webkit-text-stroke-width: 0.225vw;
      }

      .header-h1.outlined {
        -moz-text-stroke-width: 0.225vw;
        -webkit-text-stroke-width: 0.225vw;
      }

    }
  </style>
  <style>
    span.char,
    span.word {
      display: inline-block;
      position: relative;
    }

    .cursor-follower {
      pointer-events: none;
    }

    .awards-col-list-item .cursor-award .award-list-image {
      animation: showawardback 0.0s cubic-bezier(.23, 1, .32, 1) both;
      z-index: 3;
    }

    .awards-col-list-item:hover .cursor-award .award-list-image {
      animation: showaward 0.75s cubic-bezier(.23, 1, .32, 1) both;
      animation-delay: 0.05s;
      z-index: 4;
    }

    .canvas-embed canvas {
      clip-path: polygon(0% 98%, 3% 100%, 12% 100%, 16% 99%, 22% 99%, 29% 100%, 37% 98%, 48% 98%, 56% 100%, 69% 98%, 75% 100%, 84% 99%, 92% 99%, 98% 99%, 100% 94%, 100% 88%, 99% 85%, 100% 78%, 99% 73%, 100% 67%, 98% 61%, 99% 54%, 98% 46%, 99% 37%, 97% 29%, 100% 18%, 99% 5%, 95% 0%, 86% 1%, 79% 0%, 68% 0%, 64% 4%, 58% 0%, 51% 1%, 46% 3%, 37% 1%, 29% 0%, 17% 1%, 13% 0%, 6% 0%, 1% 0%, 0% 4%, 0% 13%, 1% 20%, 1% 27%, 0% 33%, 0% 44%, 1% 53%, 0% 63%, 1% 69%, 0% 79%, 2% 83%, 0% 90%);
    }

    .me-image {
      clip-path: polygon(0% 98%, 3% 100%, 12% 100%, 16% 99%, 22% 99%, 29% 100%, 37% 98%, 48% 98%, 56% 100%, 69% 98%, 75% 100%, 84% 99%, 92% 99%, 98% 99%, 100% 94%, 100% 88%, 99% 85%, 100% 78%, 99% 73%, 100% 67%, 98% 61%, 99% 54%, 98% 46%, 99% 37%, 97% 29%, 100% 18%, 99% 5%, 95% 0%, 86% 1%, 79% 0%, 68% 0%, 64% 4%, 58% 0%, 51% 1%, 46% 3%, 37% 1%, 29% 0%, 17% 1%, 13% 0%, 6% 0%, 1% 0%, 0% 4%, 0% 13%, 1% 20%, 1% 27%, 0% 33%, 0% 44%, 1% 53%, 0% 63%, 1% 69%, 0% 79%, 2% 83%, 0% 90%);
    }

    .portoflio-overview-title.absolute {
      pointer-events: none;
      mix-blend-mode: difference;
    }

    .portoflio-overview-title.stroke {
      pointer-events: none;
      -moz-text-stroke-color: #221508;
      -webkit-text-stroke-color: #221508;
      -moz-text-stroke-width: 0.085vw;
      -webkit-text-stroke-width: 0.085vw;
      -moz-text-fill-color: transparent;
      -webkit-text-fill-color: transparent;
    }

    .work-number {
      writing-mode: vertical-rl;
      text-orientation: upright;
    }

    .image-holder-fixed {
      pointer-events: none;
    }

    .loop-text-holder {
      pointer-events: none;
    }

    .work-image-holder {
      object-fit: cover;
      /*-webkit-clip-path: polygon(50% 1%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  clip-path: polygon(50% 1%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  */
      overflow: hidden;
      backface-visibility: hidden;
    }

    .me-image {
      object-fit: contain;
    }

    .header-h1.outlined {
      pointer-events: none;
      -moz-text-stroke-color: #221508;
      -webkit-text-stroke-color: #221508;
      -moz-text-stroke-width: 0.085vw;
      -webkit-text-stroke-width: 0.085vw;
      -moz-text-fill-color: transparent;
      -webkit-text-fill-color: transparent;
    }

    .canvas-embed canvas {
      margin: 0;
      padding: 0;
      display: block;
      height: 100%;
      width: 50.8vh;
    }

    .work-info-holder:hover .image-holder-fixed .work-image-holder img {
      transform: scale(1.0);
    }

    .work-info-holder .image-holder-fixed .work-image-holder img {
      transition-duration: 1s;
      transform: scale(1.1);
    }

    .work-info-holder:hover .image-holder-fixed .work-image-holder .video-embed {
      transform: scale(1.0);
    }

    .work-info-holder .image-holder-fixed .work-image-holder .video-embed {
      transition-duration: 1s;
      transform: scale(1.1);
    }

    .textcanvas {
      top: 0;
      left: 0;
      pointer-events: none;
    }

    .portoflio-overview-title {
      pointer-events: none;
    }

    video.mp4video {
      object-fit: cover;
    }

    .project-info-holder {
      mix-blend-mode: difference;
    }

    .footer-fill {
      pointer-events: none;
    }

    @keyframes showaward {
      0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0% 0);

      }

      100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      }
    }

    @keyframes showawardback {
      0% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);

      }

      100% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0% 0);
      }
    }


    .cursor-inner .view-site-text span.char {
      opacity: 0.5;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, -30%) rotateX(-90deg) scaleY(1);
    }

    .cursor-inner.case-active .view-site-text span.char {
      animation: revealyear2 1.25s cubic-bezier(.23, 1, .32, 1) forwards;
      animation-delay: calc(75ms * var(--char-index));
    }

    .contact-link-block .contact-text span.char {
      opacity: 1;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, 0) rotateX(0deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .contact-link-block:hover .contact-text span.char {
      opacity: 0.2;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, -87.5%) rotateX(-90deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .contact-link-block .contact-text-absolute span.char {
      opacity: 0.2;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, 0%) rotateX(90deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .contact-link-block:hover .contact-text-absolute span.char {
      opacity: 1;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, 0%) rotateX(0deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .social-link-block .social-text span.char {
      opacity: 1;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, 0) rotateX(0deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .social-link-block:hover .social-text span.char {
      opacity: 0.2;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, -87.5%) rotateX(-90deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .social-link-block .social-text-absolute span.char {
      opacity: 0.2;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, 0%) rotateX(90deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .social-link-block:hover .social-text-absolute span.char {
      opacity: 1;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, 0%) rotateX(0deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .menu-link-holder .menu-text span.char {
      opacity: 1;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, 0) rotateX(0deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .menu-link-holder:hover .menu-text span.char {
      opacity: 0.2;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, -87.5%) rotateX(-90deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .menu-link-holder .menu-text-absolute span.char {
      opacity: 0.2;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, 0%) rotateX(90deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .menu-link-holder:hover .menu-text-absolute span.char {
      opacity: 1;
      transform-style: preserve-3d;
      transform-origin: bottom;
      transform: translate(0%, 0%) rotateX(0deg) scaleY(1);
      transition-delay: calc(15ms * var(--char-index));
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    }

    .header {
      clip-path: polygon(0% 100%, 100% 100%, 91% 100%, 78% 100%, 63% 100%, 49% 100%, 34% 100%, 19% 100%, 10% 100%, 0 100%);
    }

    .header.show {
      animation: revealheader 2.5s cubic-bezier(.23, 1, .32, 1) forwards;
    }

    @keyframes revealyear2 {
      0% {
        opacity: 0.5;
        transform-style: preserve-3d;
        transform-origin: bottom;
        transform: translate(0%, -30%) rotateX(-90deg) scaleY(1);
      }

      100% {
        opacity: 1;
        transform-style: preserve-3d;
        transform-origin: left;
        transform: translate(0%, 0%) rotateX(0deg) scaleY(1);
      }
    }

    /*
  
  @keyframes revealheader {
    0% {clip-path: polygon(0% 100%, 100% 100%, 91% 100%, 78% 100%, 63% 100%, 49% 100%, 34% 100%, 19% 100%, 10% 100%, 0 100%);}
    20% {clip-path: polygon(0% 100%, 100% 100%, 100% 86%, 79% 75%, 64% 70%, 49% 75%, 36% 78%, 29% 73%, 12% 78%, 0 76%);}
    40% {clip-path: polygon(0% 100%, 100% 100%, 100% 52%, 80% 45%, 62% 47%, 49% 48%, 38% 51%, 24% 54%, 11% 57%, 0 52%);}
    60% {clip-path: polygon(0% 100%, 100% 100%, 100% 38%, 79% 30%, 64% 37%, 51% 33%, 37% 29%, 21% 30%, 14% 38%, 0 37%);}
    80% {clip-path: polygon(0% 100%, 100% 100%, 100% 19%, 83% 11%, 68% 16%, 53% 11%, 37% 16%, 24% 13%, 11% 14%, 0 19%);}
    100% {clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 87% 0%, 69% 1%, 58% 0%, 37% 0%, 23% 1%, 10% 0%, 0% 0%);}
  }
  
  */
  </style>
</head>

<body class="body">
  <div class="cursor">
    <div class="cursor-inner">
      <div class="cursor-text-holder">
        <div data-splitting="chars" class="view-site-text">View Site</div>
      </div>
    </div>
  </div><a data-w-id="006a427e-2c2d-2af3-cf2d-3678b7112694" href="/" aria-current="page"
    class="logo-holder w-inline-block w--current">
    <div class="menu-text logo name">Tore S. Bentsen<br /></div>
    <div class="menu-text logo">Interactive Designer</div>
  </a>
  <div class="menu-holder _2"><a href="#work" class="menu-link-holder first w-inline-block">
      <div data-splitting="chars" class="menu-text">Work<span class="work-number-span">9</span></div>
      <div data-splitting="chars" class="menu-text-absolute">Work<span class="work-number-span">9</span></div>
    </a><a href="#recognitions" class="menu-link-holder w-inline-block">
      <div data-splitting="chars" class="menu-text">Recognitions</div>
      <div data-splitting="chars" class="menu-text-absolute">Recognitions</div>
    </a><a href="#contact" class="menu-link-holder last w-inline-block">
      <div data-splitting="chars" class="menu-text">Contact</div>
      <div data-splitting="chars" class="menu-text-absolute">Contact</div>
    </a></div>
  <div class="con">
    <div class="con-inner">
      <div class="intro-holder">
        <div class="intro-text-holder">
          <div class="intro-text loaded opc">Tore S. Bentsen</div>
          <div data-splitting="chars" class="intro-text-2">Interactive Designer<span class="text-span"><em
                class="italic-span"> &amp;<br />‍</em>Co-Founder at Baseborn</span></div>
        </div>
      </div>
      <div data-w-id="f4174f87-976f-7441-acfb-3823094774f1" class="header">
        <div data-w-id="4a60c6da-1620-cbd5-2d86-a357f839beb6"
          style="-webkit-transform:translate3d(0, 0, 0) scale3d(1.03, 1.03, 1) rotateX(0) rotateY(0) rotateZ(-5DEG) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1.03, 1.03, 1) rotateX(0) rotateY(0) rotateZ(-5DEG) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1.03, 1.03, 1) rotateX(0) rotateY(0) rotateZ(-5DEG) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1.03, 1.03, 1) rotateX(0) rotateY(0) rotateZ(-5DEG) skew(0, 0)"
          class="loop-text-holder outlined">
          <div class="header-text-holder outlined">
            <div data-w-id="f9d8e6b0-cc71-f129-ba5e-b8c3f4acb4af"
              style="-webkit-transform:translate3d(-16.6666666667%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(-16.6666666667%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(-16.6666666667%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(-16.6666666667%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
              class="loop-auto-size">
              <div class="h1-loop-holder">
                <h1 class="header-h1 outlined _2">BENTSEN</h1>
              </div>
              <div class="h1-loop-holder">
                <h1 class="header-h1 outlined _2">BENTSEN</h1>
              </div>
              <div class="h1-loop-holder">
                <h1 class="header-h1 outlined _2">BENTSEN</h1>
              </div>
              <div class="h1-loop-holder">
                <h1 class="header-h1 outlined _2">BENTSEN</h1>
              </div>
              <div class="h1-loop-holder">
                <h1 class="header-h1 outlined _2">BENTSEN</h1>
              </div>
              <div class="h1-loop-holder">
                <h1 class="header-h1 outlined _2">BENTSEN</h1>
              </div>
            </div>
          </div>
        </div>
        <div class="header-image-holder">
          <div class="image-canvas-holder">
            <div class="canvas-embed w-embed w-script"><canvas id="canvas"></canvas>

              <script id="vertex-shader" type="x-shader/x-vertex">
    varying vec2 vUv;
  
    void main() {
      vUv = uv;
      gl_Position = vec4(position, 1.0);
    }
  </script>
              <script id="fragment-shader" type="x-shader/x-fragment">

    float rand(vec2 n) { 
    return fract(sin(dot(n, vec2(12.9898, 4.1414))) * 43758.5453);
  }
  
  float noise(vec2 p){
    vec2 ip = floor(p);
    vec2 u = fract(p);
    u = u*u*(3.0-2.0*u);
    
    float res = mix(
      mix(rand(ip),rand(ip+vec2(1.0,0.0)),u.x),
      mix(rand(ip+vec2(0.0,1.0)),rand(ip+vec2(1.0,1.0)),u.x),u.y);
    return res*res;
  }
    
    varying vec2 vUv;
    uniform sampler2D image;
    uniform float time;
    void main() {
      vec2 uv = vUv - 0.1*noise(vUv+time);
      vec4 texturePixel = texture2D(image, vec2(clamp(uv.x,0.,1.),clamp(uv.y,0.,1.)) );
      gl_FragColor = texturePixel;
    }
  </script>
            </div><img
              src="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63e507e06c0f0fabc577129a_63b6a64b133ca7a6651b46e6_tore-bentsen-shot-p-1600.webp"
              width="1230" sizes="(max-width: 479px) 94vw, 98vw"
              srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63e507e06c0f0fabc577129a_63b6a64b133ca7a6651b46e6_tore-bentsen-shot-p-1600-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63e507e06c0f0fabc577129a_63b6a64b133ca7a6651b46e6_tore-bentsen-shot-p-1600-p-800.webp 800w, https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63e507e06c0f0fabc577129a_63b6a64b133ca7a6651b46e6_tore-bentsen-shot-p-1600-p-1080.webp 1080w, https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63e507e06c0f0fabc577129a_63b6a64b133ca7a6651b46e6_tore-bentsen-shot-p-1600-p-1600.webp 1600w, https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63e507e06c0f0fabc577129a_63b6a64b133ca7a6651b46e6_tore-bentsen-shot-p-1600.webp 1600w"
              alt="" class="me-image" />
          </div>
        </div>
        <div data-w-id="d81c9655-e937-90a9-5991-df3e97d2af6e"
          style="-webkit-transform:translate3d(0, 0, 0) scale3d(1.03, 1.03, 1) rotateX(0) rotateY(0) rotateZ(5DEG) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1.03, 1.03, 1) rotateX(0) rotateY(0) rotateZ(5DEG) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1.03, 1.03, 1) rotateX(0) rotateY(0) rotateZ(5DEG) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1.03, 1.03, 1) rotateX(0) rotateY(0) rotateZ(5DEG) skew(0, 0)"
          class="loop-text-holder">
          <div class="header-text-holder">
            <div data-w-id="d81c9655-e937-90a9-5991-df3e97d2af70" class="loop-auto-size">
              <div class="h1-loop-holder">
                <h1
                  style="-webkit-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                  class="header-h1 _2">Tore S.</h1>
              </div>
              <div class="h1-loop-holder">
                <h1
                  style="-webkit-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                  class="header-h1 _2">Tore S.</h1>
              </div>
              <div class="h1-loop-holder">
                <h1
                  style="-webkit-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                  class="header-h1 _2">Tore S.</h1>
              </div>
              <div class="h1-loop-holder">
                <h1
                  style="-webkit-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                  class="header-h1 _2">Tore S.</h1>
              </div>
              <div class="h1-loop-holder">
                <h1
                  style="-webkit-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                  class="header-h1 _2">Tore S.</h1>
              </div>
              <div class="h1-loop-holder">
                <h1
                  style="-webkit-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                  class="header-h1 _2">Tore S.</h1>
              </div>
            </div>
          </div>
        </div>
        <div class="div-block-12">
          <div class="menu-text sub">Interactive Designer<br /></div>
        </div>
        <div class="div-block-12 right">
          <div class="menu-text sub">CPH, Denmark<br /></div>
        </div>
      </div>
      <div class="content-grid">
        <div class="wrapper-line-top"></div>
        <div id="work" class="work-wrap-list-holder w-dyn-list">
          <div role="list" class="collection-list w-dyn-items">
            <div role="listitem" class="collection-item w-dyn-item">
              <div class="work-holder"><a href="https://www.sorenrose.com/" target="_blank"
                  class="work-overview-link w-inline-block">
                  <div class="work-info-holder">
                    <div class="work-number-holder">
                      <div class="div-block-6">
                        <div class="work-number _2">Website</div>
                      </div>
                    </div>
                    <div class="type-work-overview-holder">
                      <div class="div-block-6">
                        <div class="work-number">Portfolio</div>
                      </div>
                    </div>
                    <div id="page-wrap" class="image-holder-fixed">
                      <div class="work-image-holder">
                        <div class="img-inner-holder"><img src="" alt=""
                            class="image-hover w-condition-invisible w-dyn-bind-empty" />
                          <div class="video-embed w-embed"><video class="mp4video" playsinline="" webkit-playsinline=""
                              autoplay="" loop="" muted="" width="100%" height="100%" object-fit="cover">
                              <source
                                src="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63ec47c6cdcda62c9ce2c287_Gandia_3Animation_Compress-transcode.mp4"
                                type="video/mp4">
                            </video></div>
                        </div>
                      </div>
                    </div>
                    <div class="grid-text-holder">
                      <div class="portoflio-overview-title">Søren Rose Studio</div>
                      <div class="portoflio-overview-title absolute">Søren Rose Studio</div>
                      <div class="portoflio-overview-title stroke">Søren Rose Studio</div>
                    </div>
                  </div>
                </a>
                <div class="project-info-holder">
                  <div class="project-i-info-block _1">
                    <div class="project-info-text _1">Agency</div>
                    <div class="project-info-text result">Spring/Summer</div>
                  </div>
                  <div class="project-i-info-block _2">
                    <div class="project-info-text _1">Role</div>
                    <div class="project-info-text result">Lead Designer / Developer</div>
                  </div>
                  <div class="project-i-info-block _4">
                    <div class="project-info-text _1">Client</div>
                    <div class="project-info-text result">Søren Rose Studio</div>
                  </div>
                  <div class="project-i-info-block _3">
                    <div class="project-info-text _1">Year</div>
                    <div class="project-info-text result">2023</div>
                  </div>
                </div>
              </div>
            </div>
            <div role="listitem" class="collection-item w-dyn-item">
              <div class="work-holder"><a href="https://www.canairi.io/" target="_blank"
                  class="work-overview-link w-inline-block">
                  <div class="work-info-holder">
                    <div class="work-number-holder">
                      <div class="div-block-6">
                        <div class="work-number _2">Website</div>
                      </div>
                    </div>
                    <div class="type-work-overview-holder">
                      <div class="div-block-6">
                        <div class="work-number">Promotion</div>
                      </div>
                    </div>
                    <div id="page-wrap" class="image-holder-fixed">
                      <div class="work-image-holder">
                        <div class="img-inner-holder"><img src="" alt=""
                            class="image-hover w-condition-invisible w-dyn-bind-empty" />
                          <div class="video-embed w-embed"><video class="mp4video" playsinline="" webkit-playsinline=""
                              autoplay="" loop="" muted="" width="100%" height="100%" object-fit="cover">
                              <source
                                src="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63ec42e6f441a763eea6c13f_Canairi port_1 (1)-transcode.mp4"
                                type="video/mp4">
                            </video></div>
                        </div>
                      </div>
                    </div>
                    <div class="grid-text-holder">
                      <div class="portoflio-overview-title">Canairi® Fresh Air Monitor™</div>
                      <div class="portoflio-overview-title absolute">Canairi® Fresh Air Monitor™</div>
                      <div class="portoflio-overview-title stroke">Canairi® Fresh Air Monitor™</div>
                    </div>
                  </div>
                </a>
                <div class="project-info-holder">
                  <div class="project-i-info-block _1">
                    <div class="project-info-text _1">Agency</div>
                    <div class="project-info-text result">Spring/Summer</div>
                  </div>
                  <div class="project-i-info-block _2">
                    <div class="project-info-text _1">Role</div>
                    <div class="project-info-text result">Lead Designer/Developer</div>
                  </div>
                  <div class="project-i-info-block _4">
                    <div class="project-info-text _1">Client</div>
                    <div class="project-info-text result">Canairi®</div>
                  </div>
                  <div class="project-i-info-block _3">
                    <div class="project-info-text _1">Year</div>
                    <div class="project-info-text result">2022</div>
                  </div>
                </div>
              </div>
            </div>
            <div role="listitem" class="collection-item w-dyn-item">
              <div class="work-holder"><a href="https://www.takearidewith.me/" target="_blank"
                  class="work-overview-link w-inline-block">
                  <div class="work-info-holder">
                    <div class="work-number-holder">
                      <div class="div-block-6">
                        <div class="work-number _2">Website</div>
                      </div>
                    </div>
                    <div class="type-work-overview-holder">
                      <div class="div-block-6">
                        <div class="work-number">Experience</div>
                      </div>
                    </div>
                    <div id="page-wrap" class="image-holder-fixed">
                      <div class="work-image-holder">
                        <div class="img-inner-holder"><img src="" alt=""
                            class="image-hover w-condition-invisible w-dyn-bind-empty" />
                          <div class="video-embed w-embed"><video class="mp4video" playsinline="" webkit-playsinline=""
                              autoplay="" loop="" muted="" width="100%" height="100%" object-fit="cover">
                              <source
                                src="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63ec44221d04f0107b37c9c2_frontpage_teaser1-transcode.mp4"
                                type="video/mp4">
                            </video></div>
                        </div>
                      </div>
                    </div>
                    <div class="grid-text-holder">
                      <div class="portoflio-overview-title">Take A Ride With Me</div>
                      <div class="portoflio-overview-title absolute">Take A Ride With Me</div>
                      <div class="portoflio-overview-title stroke">Take A Ride With Me</div>
                    </div>
                  </div>
                </a>
                <div class="project-info-holder">
                  <div class="project-i-info-block _1">
                    <div class="project-info-text _1">Agency</div>
                    <div class="project-info-text result">Freelance</div>
                  </div>
                  <div class="project-i-info-block _2">
                    <div class="project-info-text _1">Role</div>
                    <div class="project-info-text result">Lead Designer/Developer</div>
                  </div>
                  <div class="project-i-info-block _4">
                    <div class="project-info-text _1">Client</div>
                    <div class="project-info-text result">Nikolaj Juhlsen</div>
                  </div>
                  <div class="project-i-info-block _3">
                    <div class="project-info-text _1">Year</div>
                    <div class="project-info-text result">2021</div>
                  </div>
                </div>
              </div>
            </div>
            <div role="listitem" class="collection-item w-dyn-item">
              <div class="work-holder"><a href="https://www.contentchemics.com/" target="_blank"
                  class="work-overview-link w-inline-block">
                  <div class="work-info-holder">
                    <div class="work-number-holder">
                      <div class="div-block-6">
                        <div class="work-number _2">Website</div>
                      </div>
                    </div>
                    <div class="type-work-overview-holder">
                      <div class="div-block-6">
                        <div class="work-number">Talent Agency</div>
                      </div>
                    </div>
                    <div id="page-wrap" class="image-holder-fixed">
                      <div class="work-image-holder">
                        <div class="img-inner-holder"><img src="" alt=""
                            class="image-hover w-condition-invisible w-dyn-bind-empty" />
                          <div class="video-embed w-embed"><video class="mp4video" playsinline="" webkit-playsinline=""
                              autoplay="" loop="" muted="" width="100%" height="100%" object-fit="cover">
                              <source
                                src="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63ec459aa603a91852baf03a_final_5fdcbd44f1263100b873f95b_288794-transcode.mp4"
                                type="video/mp4">
                            </video></div>
                        </div>
                      </div>
                    </div>
                    <div class="grid-text-holder">
                      <div class="portoflio-overview-title">Content Chemics</div>
                      <div class="portoflio-overview-title absolute">Content Chemics</div>
                      <div class="portoflio-overview-title stroke">Content Chemics</div>
                    </div>
                  </div>
                </a>
                <div class="project-info-holder">
                  <div class="project-i-info-block _1">
                    <div class="project-info-text _1">Agency</div>
                    <div class="project-info-text result">Freelance</div>
                  </div>
                  <div class="project-i-info-block _2">
                    <div class="project-info-text _1">Role</div>
                    <div class="project-info-text result">Lead Designer/Developer</div>
                  </div>
                  <div class="project-i-info-block _4">
                    <div class="project-info-text _1">Client</div>
                    <div class="project-info-text result">Content Chemics</div>
                  </div>
                  <div class="project-i-info-block _3">
                    <div class="project-info-text _1">Year</div>
                    <div class="project-info-text result">2021</div>
                  </div>
                </div>
              </div>
            </div>
            <div role="listitem" class="collection-item w-dyn-item">
              <div class="work-holder"><a href="https://www.aurelia-studio.com/" target="_blank"
                  class="work-overview-link w-inline-block">
                  <div class="work-info-holder">
                    <div class="work-number-holder">
                      <div class="div-block-6">
                        <div class="work-number _2">Website</div>
                      </div>
                    </div>
                    <div class="type-work-overview-holder">
                      <div class="div-block-6">
                        <div class="work-number">Portfolio</div>
                      </div>
                    </div>
                    <div id="page-wrap" class="image-holder-fixed">
                      <div class="work-image-holder">
                        <div class="img-inner-holder"><img
                            src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f04c8771269_61964704d67496fbf6c6a95b_loqi-01.jpeg"
                            alt="" sizes="100vw"
                            srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f04c8771269_61964704d67496fbf6c6a95b_loqi-01-p-500.jpeg 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f04c8771269_61964704d67496fbf6c6a95b_loqi-01.jpeg 667w"
                            class="image-hover" />
                          <div class="video-embed w-condition-invisible w-embed"><video class="mp4video" playsinline=""
                              webkit-playsinline="" autoplay="" loop="" muted="" width="100%" height="100%"
                              object-fit="cover">
                              <source src="" type="video/mp4">
                            </video></div>
                        </div>
                      </div>
                    </div>
                    <div class="grid-text-holder">
                      <div class="portoflio-overview-title">Aurélia Studio</div>
                      <div class="portoflio-overview-title absolute">Aurélia Studio</div>
                      <div class="portoflio-overview-title stroke">Aurélia Studio</div>
                    </div>
                  </div>
                </a>
                <div class="project-info-holder">
                  <div class="project-i-info-block _1">
                    <div class="project-info-text _1">Agency</div>
                    <div class="project-info-text result">Granyon</div>
                  </div>
                  <div class="project-i-info-block _2">
                    <div class="project-info-text _1">Role</div>
                    <div class="project-info-text result">Lead Designer/Developer</div>
                  </div>
                  <div class="project-i-info-block _4">
                    <div class="project-info-text _1">Client</div>
                    <div class="project-info-text result">Aurélia Durand</div>
                  </div>
                  <div class="project-i-info-block _3">
                    <div class="project-info-text _1">Year</div>
                    <div class="project-info-text result">2021</div>
                  </div>
                </div>
              </div>
            </div>
            <div role="listitem" class="collection-item w-dyn-item">
              <div class="work-holder"><a href="https://www.kibun.dk/" target="_blank"
                  class="work-overview-link w-inline-block">
                  <div class="work-info-holder">
                    <div class="work-number-holder">
                      <div class="div-block-6">
                        <div class="work-number _2">Website</div>
                      </div>
                    </div>
                    <div class="type-work-overview-holder">
                      <div class="div-block-6">
                        <div class="work-number">Ecommerce</div>
                      </div>
                    </div>
                    <div id="page-wrap" class="image-holder-fixed">
                      <div class="work-image-holder">
                        <div class="img-inner-holder"><img
                            src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f503c77126a_kibun.jpg"
                            alt="" sizes="100vw"
                            srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f503c77126a_kibun-p-500.jpeg 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f503c77126a_kibun-p-800.jpeg 800w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f503c77126a_kibun-p-1080.jpeg 1080w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f503c77126a_kibun.jpg 1133w"
                            class="image-hover" />
                          <div class="video-embed w-condition-invisible w-embed"><video class="mp4video" playsinline=""
                              webkit-playsinline="" autoplay="" loop="" muted="" width="100%" height="100%"
                              object-fit="cover">
                              <source src="" type="video/mp4">
                            </video></div>
                        </div>
                      </div>
                    </div>
                    <div class="grid-text-holder">
                      <div class="portoflio-overview-title">Kibun Textiles</div>
                      <div class="portoflio-overview-title absolute">Kibun Textiles</div>
                      <div class="portoflio-overview-title stroke">Kibun Textiles</div>
                    </div>
                  </div>
                </a>
                <div class="project-info-holder">
                  <div class="project-i-info-block _1">
                    <div class="project-info-text _1">Agency</div>
                    <div class="project-info-text result">Freelance</div>
                  </div>
                  <div class="project-i-info-block _2">
                    <div class="project-info-text _1">Role</div>
                    <div class="project-info-text result">Lead Designer/Developer</div>
                  </div>
                  <div class="project-i-info-block _4">
                    <div class="project-info-text _1">Client</div>
                    <div class="project-info-text result">Hvass &amp; Hannibal</div>
                  </div>
                  <div class="project-i-info-block _3">
                    <div class="project-info-text _1">Year</div>
                    <div class="project-info-text result">2020</div>
                  </div>
                </div>
              </div>
            </div>
            <div role="listitem" class="collection-item w-dyn-item">
              <div class="work-holder"><a href="https://www.mystaelectric.com/" target="_blank"
                  class="work-overview-link w-inline-block">
                  <div class="work-info-holder">
                    <div class="work-number-holder">
                      <div class="div-block-6">
                        <div class="work-number _2">Website</div>
                      </div>
                    </div>
                    <div class="type-work-overview-holder">
                      <div class="div-block-6">
                        <div class="work-number">Portfolio</div>
                      </div>
                    </div>
                    <div id="page-wrap" class="image-holder-fixed">
                      <div class="work-image-holder">
                        <div class="img-inner-holder"><img src="" alt=""
                            class="image-hover w-condition-invisible w-dyn-bind-empty" />
                          <div class="video-embed w-embed"><video class="mp4video" playsinline="" webkit-playsinline=""
                              autoplay="" loop="" muted="" width="100%" height="100%" object-fit="cover">
                              <source
                                src="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63ec44ec1d04f0318e37cfc9_mysta-head-transcode.mp4"
                                type="video/mp4">
                            </video></div>
                        </div>
                      </div>
                    </div>
                    <div class="grid-text-holder">
                      <div class="portoflio-overview-title">Mysta Electric</div>
                      <div class="portoflio-overview-title absolute">Mysta Electric</div>
                      <div class="portoflio-overview-title stroke">Mysta Electric</div>
                    </div>
                  </div>
                </a>
                <div class="project-info-holder">
                  <div class="project-i-info-block _1">
                    <div class="project-info-text _1">Agency</div>
                    <div class="project-info-text result">Freelance</div>
                  </div>
                  <div class="project-i-info-block _2">
                    <div class="project-info-text _1">Role</div>
                    <div class="project-info-text result">Lead Designer/Developer</div>
                  </div>
                  <div class="project-i-info-block _4">
                    <div class="project-info-text _1">Client</div>
                    <div class="project-info-text result">Mysta Electric</div>
                  </div>
                  <div class="project-i-info-block _3">
                    <div class="project-info-text _1">Year</div>
                    <div class="project-info-text result">2020</div>
                  </div>
                </div>
              </div>
            </div>
            <div role="listitem" class="collection-item w-dyn-item">
              <div class="work-holder"><a href="https://www.hvasshannibal.dk/" target="_blank"
                  class="work-overview-link w-inline-block">
                  <div class="work-info-holder">
                    <div class="work-number-holder">
                      <div class="div-block-6">
                        <div class="work-number _2">Website</div>
                      </div>
                    </div>
                    <div class="type-work-overview-holder">
                      <div class="div-block-6">
                        <div class="work-number">Portfolio</div>
                      </div>
                    </div>
                    <div id="page-wrap" class="image-holder-fixed">
                      <div class="work-image-holder">
                        <div class="img-inner-holder"><img
                            src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f5bac771262_5dce7423646791dffc9e742c_5db83dc193c1b37d9773c518_hvass-hannibal-apple-birds-1.jpg"
                            alt="" sizes="100vw"
                            srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f5bac771262_5dce7423646791dffc9e742c_5db83dc193c1b37d9773c518_hvass-hannibal-apple-birds-1-p-500.jpeg 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f5bac771262_5dce7423646791dffc9e742c_5db83dc193c1b37d9773c518_hvass-hannibal-apple-birds-1-p-800.jpeg 800w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f5bac771262_5dce7423646791dffc9e742c_5db83dc193c1b37d9773c518_hvass-hannibal-apple-birds-1.jpg 1000w"
                            class="image-hover" />
                          <div class="video-embed w-condition-invisible w-embed"><video class="mp4video" playsinline=""
                              webkit-playsinline="" autoplay="" loop="" muted="" width="100%" height="100%"
                              object-fit="cover">
                              <source src="" type="video/mp4">
                            </video></div>
                        </div>
                      </div>
                    </div>
                    <div class="grid-text-holder">
                      <div class="portoflio-overview-title">Hvass &amp; Hannibal</div>
                      <div class="portoflio-overview-title absolute">Hvass &amp; Hannibal</div>
                      <div class="portoflio-overview-title stroke">Hvass &amp; Hannibal</div>
                    </div>
                  </div>
                </a>
                <div class="project-info-holder">
                  <div class="project-i-info-block _1">
                    <div class="project-info-text _1">Agency</div>
                    <div class="project-info-text result">Granyon</div>
                  </div>
                  <div class="project-i-info-block _2">
                    <div class="project-info-text _1">Role</div>
                    <div class="project-info-text result">Lead Designer/Developer</div>
                  </div>
                  <div class="project-i-info-block _4">
                    <div class="project-info-text _1">Client</div>
                    <div class="project-info-text result">Hvass &amp; Hannibal</div>
                  </div>
                  <div class="project-i-info-block _3">
                    <div class="project-info-text _1">Year</div>
                    <div class="project-info-text result">2020</div>
                  </div>
                </div>
              </div>
            </div>
            <div role="listitem" class="collection-item w-dyn-item">
              <div class="work-holder"><a href="https://www.thirdstrikecampaign.com/" target="_blank"
                  class="work-overview-link w-inline-block">
                  <div class="work-info-holder">
                    <div class="work-number-holder">
                      <div class="div-block-6">
                        <div class="work-number _2">Website</div>
                      </div>
                    </div>
                    <div class="type-work-overview-holder">
                      <div class="div-block-6">
                        <div class="work-number">Campaign</div>
                      </div>
                    </div>
                    <div id="page-wrap" class="image-holder-fixed">
                      <div class="work-image-holder">
                        <div class="img-inner-holder"><img
                            src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f064b771267_5cf668bcbd84240ca3ac8d0d_alto_93526332.jpg"
                            alt="" sizes="100vw"
                            srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f064b771267_5cf668bcbd84240ca3ac8d0d_alto_93526332-p-500.jpeg 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f064b771267_5cf668bcbd84240ca3ac8d0d_alto_93526332-p-800.jpeg 800w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f064b771267_5cf668bcbd84240ca3ac8d0d_alto_93526332.jpg 900w"
                            class="image-hover" />
                          <div class="video-embed w-condition-invisible w-embed"><video class="mp4video" playsinline=""
                              webkit-playsinline="" autoplay="" loop="" muted="" width="100%" height="100%"
                              object-fit="cover">
                              <source src="" type="video/mp4">
                            </video></div>
                        </div>
                      </div>
                    </div>
                    <div class="grid-text-holder">
                      <div class="portoflio-overview-title">Third Strike Campaign</div>
                      <div class="portoflio-overview-title absolute">Third Strike Campaign</div>
                      <div class="portoflio-overview-title stroke">Third Strike Campaign</div>
                    </div>
                  </div>
                </a>
                <div class="project-info-holder">
                  <div class="project-i-info-block _1">
                    <div class="project-info-text _1">Agency</div>
                    <div class="project-info-text result">Granyon</div>
                  </div>
                  <div class="project-i-info-block _2">
                    <div class="project-info-text _1">Role</div>
                    <div class="project-info-text result">Lead Designer/Developer</div>
                  </div>
                  <div class="project-i-info-block _4">
                    <div class="project-info-text _1">Client</div>
                    <div class="project-info-text result">The Decarceration Collective</div>
                  </div>
                  <div class="project-i-info-block _3">
                    <div class="project-info-text _1">Year</div>
                    <div class="project-info-text result">2019</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="awards-list-holder">
          <div class="awards-col-list-wrap w-dyn-list">
            <div role="list" class="awards-col-list w-dyn-items">
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Søren Rose Studio</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Site Of The Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2023</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63f31cb285872a1ddda33d20_63f31c83700f687f6d579051_certificate-soren-rose-studio-sotd-website.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63f31cb285872a1ddda33d20_63f31c83700f687f6d579051_certificate-soren-rose-studio-sotd-website-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63f31cb285872a1ddda33d20_63f31c83700f687f6d579051_certificate-soren-rose-studio-sotd-website.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Søren Rose Studio</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Developer Award</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2023</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63f31ca7161d8ee666fcb1a6_63f31c83950c488d29fc6172_certificate-soren-rose-studio-dotd-website.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63f31ca7161d8ee666fcb1a6_63f31c83950c488d29fc6172_certificate-soren-rose-studio-dotd-website-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63f31ca7161d8ee666fcb1a6_63f31c83950c488d29fc6172_certificate-soren-rose-studio-dotd-website.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Aurélia Studio</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Communication Arts</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Interactive Annual — Winner</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2022</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb96ee0665600d1a095dc3_ca-logo-dark.svg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Awwwards Annual 2021</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Creative Circle</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Shortlist</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2022</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb98dc40a19220e9fe513c_63e507e06c0f0f7176771270_604d1ab5f6f5c06790cd3350_cca-silver.svg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Canairi® — A Fresh Air Monitor™</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Site Of The Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2022</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb99c83ceacb1ec9c5dc42_63eb99b74b27839c17c10f57_certificate-canairi-r-a-fresh-air-monitortm-sotd-(2)-(1)-wesbite.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb99c83ceacb1ec9c5dc42_63eb99b74b27839c17c10f57_certificate-canairi-r-a-fresh-air-monitortm-sotd-(2)-(1)-wesbite-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb99c83ceacb1ec9c5dc42_63eb99b74b27839c17c10f57_certificate-canairi-r-a-fresh-air-monitortm-sotd-(2)-(1)-wesbite.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Canairi® — A Fresh Air Monitor™</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Developer Award</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2022</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb9a0a8f38a808fc22f80c_63eb99f6bb7e588067faed34_certificate-canairi-r-a-fresh-air-monitortm-dotd-(1)-wesbite.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb9a0a8f38a808fc22f80c_63eb99f6bb7e588067faed34_certificate-canairi-r-a-fresh-air-monitortm-dotd-(1)-wesbite-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb9a0a8f38a808fc22f80c_63eb99f6bb7e588067faed34_certificate-canairi-r-a-fresh-air-monitortm-dotd-(1)-wesbite.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Canairi® — A Fresh Air Monitor™</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">FWA</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">FWA Of The Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2022</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb998c45288c69a73e3eba_63eb997244a03d556b8c8579_Canairi-FOTD-website.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb998c45288c69a73e3eba_63eb997244a03d556b8c8579_Canairi-FOTD-website-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb998c45288c69a73e3eba_63eb997244a03d556b8c8579_Canairi-FOTD-website.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Aurélia Durand</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Creative Circle</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Shortlist — Company Sites &amp; Apps</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb98dc40a19220e9fe513c_63e507e06c0f0f7176771270_604d1ab5f6f5c06790cd3350_cca-silver.svg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Aurélia Studio</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Developer Award</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb97e2b5634ba51221a301_63eb97cd40a192bfd7fe38c1_certificate-aurelia-durand-dotd-wesbite.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb97e2b5634ba51221a301_63eb97cd40a192bfd7fe38c1_certificate-aurelia-durand-dotd-wesbite-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb97e2b5634ba51221a301_63eb97cd40a192bfd7fe38c1_certificate-aurelia-durand-dotd-wesbite.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Aurélia Studio</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Site Of The Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb938237ccf05fffa6b7fd_63eb935b9ba42b25bf3d69d8_certificate-aurelia-durand-sotd-website.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb938237ccf05fffa6b7fd_63eb935b9ba42b25bf3d69d8_certificate-aurelia-durand-sotd-website-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb938237ccf05fffa6b7fd_63eb935b9ba42b25bf3d69d8_certificate-aurelia-durand-sotd-website.webp 600w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Aurélia Studio</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">The Lovie Awards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">People&#x27;s Lovie — Best Homepage</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f219177126c_61b1d692b086a0094766ac09_pl-lovie.svg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Aurélia Studio</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">The Lovie Awards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Gold — Best Homepage</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0fb96b77126b_61b1d3e46e4d299acc275caf_gold-lovie.svg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Aurélia Studio</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">The Webby Awards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Webby Nominee — Best Homepage</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb97983df15830f3fca550_webby-nom.svg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">TRWM</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Mobile Excelence</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb95f744a03deb258c5bb2_63eb95dd1ba16b451d32d9e1_certificate-takearidewith-me-mobile_excellence-website.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb95f744a03deb258c5bb2_63eb95dd1ba16b451d32d9e1_certificate-takearidewith-me-mobile_excellence-website-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb95f744a03deb258c5bb2_63eb95dd1ba16b451d32d9e1_certificate-takearidewith-me-mobile_excellence-website.webp 800w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">TRWM</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Developer Award</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb95931a2362c1b3e00d13_63eb9555054fac7453933313_certificate-takearidewith-me-dotd-website.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb95931a2362c1b3e00d13_63eb9555054fac7453933313_certificate-takearidewith-me-dotd-website-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb95931a2362c1b3e00d13_63eb9555054fac7453933313_certificate-takearidewith-me-dotd-website.webp 660w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">TRWM</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Site Of The Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb95a1066560d5df094c7d_63eb955505122e64eb685684_certificate-takearidewith-me-sotd-wesbite.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb95a1066560d5df094c7d_63eb955505122e64eb685684_certificate-takearidewith-me-sotd-wesbite-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb95a1066560d5df094c7d_63eb955505122e64eb685684_certificate-takearidewith-me-sotd-wesbite.webp 660w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">TRWM</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">CSSDA</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Website of the Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb96617d940d6d330770a3_63eb9631066560e385095256_trwm-cssda-wotd-wesbite.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb96617d940d6d330770a3_63eb9631066560e385095256_trwm-cssda-wotd-wesbite-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb96617d940d6d330770a3_63eb9631066560e385095256_trwm-cssda-wotd-wesbite.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">TRWM</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">FWA</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">FWA Of The Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2021</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb994b1ba16b9bb13314f5_63eb99349ba42beccb3dd2aa_TRWM-FOTD-website.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb994b1ba16b9bb13314f5_63eb99349ba42beccb3dd2aa_TRWM-FOTD-website-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb994b1ba16b9bb13314f5_63eb99349ba42beccb3dd2aa_TRWM-FOTD-website.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Mysta Electric</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Mobile Excelence</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2020</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb986d06656078b30975d0_63eb93fcbb5d833fa6c3d10d_certificate-mysta-electric-tattoo-artist-mobile_excellence-website.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb986d06656078b30975d0_63eb93fcbb5d833fa6c3d10d_certificate-mysta-electric-tattoo-artist-mobile_excellence-website-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb986d06656078b30975d0_63eb93fcbb5d833fa6c3d10d_certificate-mysta-electric-tattoo-artist-mobile_excellence-website.webp 660w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Mysta Electric</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Site of the Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2020</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f218177126f_604cf56df02e1eb97332975e_certif-test.jpeg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Mysta Electric</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">CSSDA</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Website Of The Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2020</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb973e4b278387ddc0e21e_63eb972705122edf82687b8c_mysta-cssda-wotd-wesbite.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb973e4b278387ddc0e21e_63eb972705122edf82687b8c_mysta-cssda-wotd-wesbite-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb973e4b278387ddc0e21e_63eb972705122edf82687b8c_mysta-cssda-wotd-wesbite.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Mysta Electric</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">FWA</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">FWA Of The Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2020</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb96b006656043a8095745_63eb969305e9869eb1349bda_Mysta-FOTD-wesbite.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb96b006656043a8095745_63eb969305e9869eb1349bda_Mysta-FOTD-wesbite-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb96b006656043a8095745_63eb969305e9869eb1349bda_Mysta-FOTD-wesbite.webp 700w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Third Strike Campaign</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Creative Circle</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Silver — Campaign Sites &amp; Apps</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2020</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb98dc40a19220e9fe513c_63e507e06c0f0f7176771270_604d1ab5f6f5c06790cd3350_cca-silver.svg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Third Strike Campaign</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">The Webby Awards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Webby Winner — Best Homepage</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2020</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f4c01771271_604d1c8a84f8f809512da0ae_webby-award-icon.svg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Third Strike Campaign</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">The Webby Awards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Webby Winner — Activism</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2020</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63e507e06c0f0f4c01771271_604d1c8a84f8f809512da0ae_webby-award-icon.svg"
                    loading="lazy" alt="" class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Third Strike Campaign</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Developer Award</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2019</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb94d3e6f9ef9048d88a27_63eb94774979ee4ed922e307_certificate-third-strike-campaign-dotd-wesbite.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb94d3e6f9ef9048d88a27_63eb94774979ee4ed922e307_certificate-third-strike-campaign-dotd-wesbite-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb94d3e6f9ef9048d88a27_63eb94774979ee4ed922e307_certificate-third-strike-campaign-dotd-wesbite.webp 660w"
                    class="award-list-image" /></div>
              </div>
              <div data-w-id="60a7f47e-8104-34da-8701-3f8b0d177429" role="listitem"
                class="awards-col-list-item w-dyn-item">
                <div data-w-id="704d41d0-1cf6-b0d3-1199-26a29bb881a7" class="awards-info-holder">
                  <div class="awards-flex-box name">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-project-text">Third Strike Campaign</div>
                  </div>
                  <div class="awards-flex-box where">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-from-text">Awwwards</div>
                  </div>
                  <div class="awards-flex-box">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-award-text">Site Of The Day</div>
                  </div>
                  <div class="awards-flex-box year">
                    <div
                      style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
                      class="award-year-text">2019</div>
                  </div>
                </div>
                <div class="cursor-award award"><img
                    src="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb94e514c2407d4392557a_63eb9444066560f57c092934_certificate-third-strike-campaign-sotd-webiste.webp"
                    loading="lazy" alt="" sizes="(max-width: 479px) 100vw, 8vw"
                    srcset="https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb94e514c2407d4392557a_63eb9444066560f57c092934_certificate-third-strike-campaign-sotd-webiste-p-500.webp 500w, https://uploads-ssl.webflow.com/63e507e06c0f0f247c77125e/63eb94e514c2407d4392557a_63eb9444066560f57c092934_certificate-third-strike-campaign-sotd-webiste.webp 660w"
                    class="award-list-image" /></div>
              </div>
            </div>
          </div>
          <div id="recognitions" class="go-to-award"></div>
        </div>
        <div class="about-holder">
          <div class="about-text-holder">
            <div class="about-text">Tore is the Co-Founder &amp; Interactive Designer at <a
                href="http://baseborn.studio" target="_blank" class="text-link">Baseborn</a>. Specializing in combining
              Webflow &amp; branding to create award-winning websites. Living in Copenhagen, Denmark – Tore enjoys long
              walks on the beach &amp; creating cool stuff for the internet.</div>
            <div class="about-text small">( OFFICIAL AWWWARDS JURY MEMBER ✺ 2020-2023 )</div>
          </div>
          <div class="contact-holder">
            <div class="contact-info-holder one">
              <div class="contact-byline-holder">
                <div class="contact-byline">Let&#x27;s do some awesome work</div>
              </div><a href="mailto:tb@baseborn.studio" class="contact-link-block w-inline-block">
                <div data-splitting="chars" class="contact-text">tb@baseborn.studio</div>
                <div data-splitting="chars" class="contact-text-absolute">tb@baseborn.studio</div>
              </a>
            </div>
            <div class="contact-info-holder">
              <div class="contact-byline-holder">
                <div class="contact-byline">Socials</div>
              </div><a href="https://www.linkedin.com/in/torebentsen/" target="_blank"
                class="social-link-block w-inline-block">
                <div data-splitting="chars" class="social-text">LinkedIn</div>
                <div data-splitting="chars" class="social-text-absolute">LinkedIn</div>
              </a><a href="https://www.instagram.com/toresbent/" target="_blank"
                class="social-link-block w-inline-block">
                <div data-splitting="chars" class="social-text">Instagram</div>
                <div data-splitting="chars" class="social-text-absolute">Instagram</div>
              </a><a href="https://www.awwwards.com/torebentsen/" target="_blank"
                class="social-link-block w-inline-block">
                <div data-splitting="chars" class="social-text">Awwwards</div>
                <div data-splitting="chars" class="social-text-absolute">Awwwards</div>
              </a>
            </div>
          </div>
          <div id="contact" class="go-to-award"></div>
        </div>
      </div>
      <div data-w-id="23530dca-6c83-0642-5ea0-678fa2d2b6b3" class="copyright-holder">
        <div data-splitting="chars" class="copyright-text"><span
            style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
            class="copy-1">©</span><span
            style="-webkit-transform:translate3d(8%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(8%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(8%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(8%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)"
            class="copy-2">―</span><span
            style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
            class="copy-3">2</span><span
            style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
            class="copy-4">0</span><span
            style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
            class="copy-5">2</span><span
            style="-webkit-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 101%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)"
            class="copy-6">3</span></div>
      </div>
      <div class="rough-ending"></div>
    </div>
    <div class="footer-fill"></div>
    <div class="footer">
      <div class="footer-info-div">
        <div class="footer-footer-text">Portrait by Simon H. Larsen</div>
      </div>
      <div class="footer-info-div">
        <div class="footer-footer-text">✺</div>
      </div>
      <div class="footer-info-div">
        <div class="footer-footer-text">Designed/Developed by Tore S. Bentsen</div>
      </div>
    </div>
    <div class="noise-holder">
      <div class="noise"></div>
      <div class="noise-embed w-embed">
        <style>
          .noise-holder {
            pointer-events: none;
          }

          .noise {
            top: -10rem;
            left: -10rem;
            width: calc(100% + 20rem);
            height: calc(100% + 20rem);
            z-index: 2000;
            content: "";
            position: absolute;
            pointer-events: none;
            background-position: 20%;
            background-image: url(https://assets-global.website-files.com/61376fcf62c3a34222dab4f8/61377d2c40c42ea5a9d39e77_noise.png);
            pointer-events: none;
            animation: noise 2.1s steps(2) infinite;
          }

          @keyframes noise {
            0% {
              transform: translate3d(0, 9rem, 0);
            }

            10% {
              transform: translate3d(-1rem, -4rem, 0);
            }

            20% {
              transform: translate3d(-8rem, 2rem, 0);
            }

            30% {
              transform: translate3d(-8rem, -9.1rem, 0);
            }

            40% {
              transform: translate3d(-2rem, 7rem, 0);
            }

            50% {
              transform: translate3d(-9rem, -4rem, 0);
            }

            60% {
              transform: translate3d(2rem, 6rem, 0);
            }

            70% {
              transform: translate3d(7rem, -8rem, 0);
            }

            80% {
              transform: translate3d(-9rem, 1.1rem, 0);
            }

            90% {
              transform: translate3d(6rem, -5rem, 0);
            }

            to {
              transform: translate3d(-7rem, 0, 0);
            }
          }
        </style>
      </div>
    </div>
  </div>
  <div id="demo3" class="textcanvas"></div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=63e507e06c0f0f521077125c"
    type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous"></script>
  <script src="https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/js/webflow.5d29f251f.js"
    type="text/javascript"></script>
  <!--[if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
  <script src="https://cdn.jsdelivr.net/gh/studio-freight/lenis@latest/bundled/lenis.js"></script>
  <script src="https://unpkg.com/splitting/dist/splitting.min.js"></script>
  <script> Splitting(); gsap.registerPlugin(ScrollTrigger); </script>

  <script>

    var cursor = $(".cursor, .images-holder-fixed-follow"),
      follower = $(".cursor-follower");

    var posX = 0,
      posY = 0;

    var mouseX = 0,
      mouseY = 0;

    TweenMax.to({}, 0.006, {
      repeat: -1,
      onRepeat: function () {
        posX += (mouseX - posX) / 9;
        posY += (mouseY - posY) / 9;

        TweenMax.set(follower, {
          css: {
            left: posX - 0,
            top: posY - 0
          }
        });

        TweenMax.set(cursor, {
          css: {
            left: mouseX,
            top: mouseY
          }
        });
      }
    });

    $(document).on("mousemove", function (e) {
      mouseX = e.clientX;
      mouseY = e.clientY;
    });

    $(".roster-list-col-item.w-dyn-item, .small-info-holder._2").on("mouseenter", function () {
      cursor.addClass("case-active");
      follower.addClass("case-active");
    });
    $(".roster-list-col-item.w-dyn-item, .small-info-holder._2").on("mouseleave", function () {
      cursor.removeClass("case-active");
      follower.removeClass("case-active");
    });

    $(".menu-item-link, .contact-link-holder, .logo-circle-holder, .html5-video-holder, .gtc-website-holder").on("mouseenter", function () {
      cursor.addClass("std");
      follower.addClass("std");
    });
    $(".menu-item-link, .contact-link-holder, .logo-circle-holder, .html5-video-holder, .gtc-website-holder").on("mouseleave", function () {
      cursor.removeClass("std");
      follower.removeClass("std");
    });

  </script>

  <script>
    class Scroll extends Lenis {
      constructor() {
        super({
          duration: 1.5,
          easing: (t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t)), // https://easings.net
          direction: "vertical",
          smooth: true,
          smoothTouch: false,
          touchMultiplier: 1.5
        });

        this.time = 0;
        this.isActive = true;
        this.init();
      }

      init() {
        this.config();
        this.render();
      }

      config() {
        // allow scrolling on overflow elements
        const overscroll = [
          ...document.querySelectorAll('[data-scroll="overscroll"]')
        ];

        if (overscroll.length > 0) {
          overscroll.forEach((item) =>
            item.setAttribute("onwheel", "event.stopPropagation()")
          );
        }

        // stop and start scroll btns
        const stop = [...document.querySelectorAll('[data-scroll="stop"]')];
        if (stop.length > 0) {
          stop.forEach((item) => {
            item.onclick = () => {
              this.stop();
              this.isActive = false;
            };
          });
        }

        const start = [...document.querySelectorAll('[data-scroll="start"]')];
        if (start.length > 0) {
          start.forEach((item) => {
            item.onclick = () => {
              this.start();
              this.isActive = true;
            };
          });
        }

        // toggle page scrolling
        const toggle = [...document.querySelectorAll('[data-scroll="toggle"]')];
        if (toggle.length > 0) {
          toggle.forEach((item) => {
            item.onclick = () => {
              if (this.isActive) {
                this.stop();
                this.isActive = false;
              } else {
                this.start();
                this.isActive = true;
              }
            };
          });
        }

        // anchor links
        const anchor = [...document.querySelectorAll("[data-scrolllink]")];
        if (anchor.length > 0) {
          anchor.forEach((item) => {
            const id = parseFloat(item.dataset.scrolllink);
            const target = document.querySelector(`[data-scrolltarget="${id}"]`);
            if (target) {
              console.log(id, target);
              item.onclick = () => this.scrollTo(target);
            }
          });
        }
      }

      render() {
        this.raf((this.time += 10));
        window.requestAnimationFrame(this.render.bind(this));
      }
    }

    window.Scroll = new Scroll();
    observeEditor(); // don't trigger if it's webflow editor view

    /*
     * Make Editor View Scrollable
     */
    function observeEditor() {
      const html = document.documentElement;
      const config = { attributes: true, childList: false, subtree: false };

      const callback = (mutationList, observer) => {
        for (const mutation of mutationList) {
          if (mutation.type === "attributes") {
            const btn = document.querySelector(".w-editor-bem-EditSiteButton");
            const bar = document.querySelector(".w-editor-bem-EditorMainMenu");
            const addTrig = (target) =>
              target.addEventListener("click", () => window.Scroll.destroy());

            if (btn) addTrig(btn);
            if (bar) addTrig(bar);
          }
        }
      };

      const observer = new MutationObserver(callback);
      observer.observe(html, config);
    }
  </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js"></script>

  <script>

    document.addEventListener('DOMContentLoaded', (event) => {
      console.log('dom content loaded');
      setTimeout(function () {
        $('.intro-text').removeClass("opc");
      }, 70);
      setTimeout(function () {
        $('html').addClass("noscroll");
        $('.intro-text').removeClass("loaded");
        $('.textcanvas').addClass("loaded");
      }, 700);
      setTimeout(function () {
        $('.intro-text-2').addClass("active");
      }, 1400);
      setTimeout(function () {
        $('.header').addClass("show");
      }, 3300);
      setTimeout(function () {
        $('.logo-holder').addClass("active");
        $('.menu-holder._2').addClass("active");
      }, 3900);
      setTimeout(function () {
        $('html').removeClass("noscroll");
      }, 3900);
    });

  </script>

  <script>

    $('.work-overview-link').on('mouseenter', function () {
      $('.cursor-inner').addClass('case-active');
    });

    $('.work-overview-link').on('mouseleave', function () {
      $('.cursor-inner').removeClass('case-active');
    });

    $('.logo-holder, .menu-link-holder, .contact-link-block, .social-link-block, .text-link').on('mouseenter', function () {
      $('.cursor-inner').addClass('link-active');
    });

    $('.logo-holder, .menu-link-holder, .contact-link-block, .social-link-block, .text-link').on('mouseleave', function () {
      $('.cursor-inner').removeClass('link-active');
    });

  </script>


  <script>
    console.clear();

    const canvas = document.getElementById('canvas');
    const scene = new THREE.Scene();
    const renderer = new THREE.WebGLRenderer({ canvas: canvas, antialias: true });
    const camera = new THREE.PerspectiveCamera(145, canvas.clientWidth / canvas.clientWidth, 1, 1000);

    function onResize() {
      renderer.setSize(canvas.clientWidth, canvas.clientHeight, false);
      camera.aspect = canvas.clientWidth / canvas.clientHeight;
      camera.updateProjectionMatrix();
    }

    onResize();
    window.addEventListener('resize', onResize);

    const imgTexture = new THREE.TextureLoader().load('https://uploads-ssl.webflow.com/5decd3f1cad21747ccd903ca/63e5043c1c9236859c4de1cf_63b6a64b133ca7a6651b46e6_tore-bentsen-shot-p-1600.webp?');

    var shaderMaterial = new THREE.ShaderMaterial({
      vertexShader: document.getElementById('vertex-shader').textContent,
      fragmentShader: document.getElementById('fragment-shader').textContent,
      depthWrite: false,
      depthTest: false,
      uniforms: {
        image: {
          type: "t",
          value: imgTexture
        },
        time: {
          value: 0.0
        }
      }
    })

    var quad = new THREE.Mesh(
      new THREE.PlaneGeometry(2, 2),
      shaderMaterial
    );

    scene.add(quad);

    function render(time) {
      quad.material.uniforms.time.value += 0.01;
      renderer.render(scene, camera);
    }

    renderer.setAnimationLoop(render)
  </script>

  <script src="https://tympanus.net/Development/FlowmapDeformation/js/bundle.js"></script>

  <script type="module">
    let imgSize = [2000, 2000];

    const vertex = `
            attribute vec2 uv;
            attribute vec2 position;
            varying vec2 vUv;
            void main() {
                vUv = uv;
                gl_Position = vec4(position, 0, 1);
            }
        `;
    const fragment = `
            precision highp float;
            precision highp int;
            uniform sampler2D tWater;
            uniform sampler2D tFlow;
            uniform float uTime;
            varying vec2 vUv;
            uniform vec4 res;
  
            void main() {
  
                // R and G values are velocity in the x and y direction
                // B value is the velocity length
                vec3 flow = texture2D(tFlow, vUv).rgb;
  
                vec2 uv = .5 * gl_FragCoord.xy / res.xy ;
  
                vec2 myUV = (uv - vec2(0.5))*res.zw + vec2(0.5);
                myUV -= flow.xy * (0.15 * 0.5);
                vec3 tex = texture2D(tWater, myUV).rgb;
  
                gl_FragColor.rgb = vec3(tex.r, tex.g, tex.b);
                gl_FragColor.a = tex.r;
            }
        `;
    {
      const renderer = new ogl.Renderer({
        dpr: 2,
        alpha: true,
        premultipliedAlpha: true
      });
      const gl = renderer.gl;
      gl.canvas.classList.add("textcanvas");
      document.body.appendChild(gl.canvas);

      const isTouchCapable = "ontouchstart" in window;

      // Variable inputs to control flowmap
      let aspect = 1;
      const mouse = new ogl.Vec2(-1);
      const velocity = new ogl.Vec2();
      function resize() {
        let a1, a2;
        var imageAspect = imgSize[1] / imgSize[0];
        if (window.innerHeight / window.innerWidth < imageAspect) {
          a1 = 1;
          a2 = window.innerHeight / window.innerWidth / imageAspect;
        } else {
          a1 = (window.innerWidth / window.innerHeight) * imageAspect;
          a2 = 1;
        }
        mesh.program.uniforms.res.value = new ogl.Vec4(
          window.innerWidth,
          window.innerHeight,
          a1,
          a2
        );

        renderer.setSize(window.innerWidth, window.innerHeight);
        aspect = window.innerWidth / window.innerHeight;
      }
      const flowmap = new ogl.Flowmap(gl, { falloff: 0.4, dissipation: 0.9 });
      // Triangle that includes -1 to 1 range for 'position', and 0 to 1 range for 'uv'.
      const geometry = new ogl.Geometry(gl, {
        position: {
          size: 2,
          data: new Float32Array([-1, -1, 3, -1, -1, 3])
        },
        uv: { size: 2, data: new Float32Array([0, 0, 2, 0, 0, 2]) }
      });
      const texture = new ogl.Texture(gl, {
        minFilter: gl.LINEAR,
        magFilter: gl.LINEAR,
        premultiplyAlpha: true
      });
      const img = new Image();
      img.onload = () => (texture.image = img);
      img.crossOrigin = "Anonymous";

      if (isTouchCapable) {
        img.src = "https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63ea8add9ee2aa1f0de85baf_broken%20lines%203.svg?";

        imgSize = [800, 1000];
      } else {
        img.src = "https://uploads-ssl.webflow.com/63e507e06c0f0f521077125c/63ea8add9ee2aa1f0de85baf_broken%20lines%203.svg?";
      }

      let a1, a2;
      var imageAspect = imgSize[1] / imgSize[0];
      if (window.innerHeight / window.innerWidth < imageAspect) {
        a1 = 1;
        a2 = window.innerHeight / window.innerWidth / imageAspect;
      } else {
        a1 = (window.innerWidth / window.innerHeight) * imageAspect;
        a2 = 1;
      }

      const program = new ogl.Program(gl, {
        vertex,
        fragment,
        uniforms: {
          uTime: { value: 0 },
          tWater: { value: texture },
          res: {
            value: new ogl.Vec4(window.innerWidth, window.innerHeight, a1, a2)
          },
          img: { value: new ogl.Vec2(imgSize[0], imgSize[1]) },
          // Note that the uniform is applied without using an object and value property
          // This is because the class alternates this texture between two render targets
          // and updates the value property after each render.
          tFlow: flowmap.uniform
        }
      });
      const mesh = new ogl.Mesh(gl, { geometry, program });

      window.addEventListener("resize", resize, false);
      resize();

      // Create handlers to get mouse position and velocity
      // const isTouchCapable = "ontouchstart" in window;
      if (isTouchCapable) {
        window.addEventListener("touchstart", updateMouse, true);
        window.addEventListener("touchmove", updateMouse, { passive: true });
      } else {
        window.addEventListener("mousemove", updateMouse, true);
      }
      let lastTime;
      const lastMouse = new ogl.Vec2();
      function updateMouse(e) {
        e.preventDefault();
        if (e.changedTouches && e.changedTouches.length) {
          e.x = e.changedTouches[0].pageX;
          e.y = e.changedTouches[0].pageY;
        }
        if (e.x === undefined) {
          e.x = e.pageX;
          e.y = e.pageY;
        }
        // Get mouse value in 0 to 1 range, with y flipped
        mouse.set(e.x / gl.renderer.width, 1.0 - e.y / gl.renderer.height);
        // Calculate velocity
        if (!lastTime) {
          // First frame
          lastTime = performance.now();
          lastMouse.set(e.x, e.y);
        }

        const deltaX = e.x - lastMouse.x;
        const deltaY = e.y - lastMouse.y;

        lastMouse.set(e.x, e.y);

        let time = performance.now();

        // Avoid dividing by 0
        let delta = Math.max(10.4, time - lastTime);
        lastTime = time;
        velocity.x = deltaX / delta;
        velocity.y = deltaY / delta;
        // Flag update to prevent hanging velocity values when not moving
        velocity.needsUpdate = true;
      }
      requestAnimationFrame(update);
      function update(t) {
        requestAnimationFrame(update);
        // Reset velocity when mouse not moving
        if (!velocity.needsUpdate) {
          mouse.set(-1);
          velocity.set(0);
        }
        velocity.needsUpdate = false;
        // Update flowmap inputs
        flowmap.aspect = aspect;
        flowmap.mouse.copy(mouse);
        // Ease velocity input, slower when fading out
        flowmap.velocity.lerp(velocity, velocity.len ? 0.1 : 0.1);
        flowmap.update();
        program.uniforms.uTime.value = t * 0.01;
        renderer.render({ scene: mesh });
      }
    }
  </script>
</body>

</html>